@import 'base';
/*每个页面公共部分 侧边栏 和 右侧主体头部*/ 
/*乐淘侧边栏部分*/ 
html,
body {
    height: 100%;
}
a,
a:hover,
a:active,
a:focus {
    background-color: transparent;
    text-decoration: none;
}

.mt-20 {
    margin-top: 20px;
}

/*乐淘侧边栏部分*/ 
.lt-aside {
    z-index: 100;
    color: #fff;
    width: 180px;
    height: 100%;
    background-color: #222D32;
    position: fixed;
    left: 0;
    top: 0;
    /*加过渡*/ 
    transition: all 1s;
    &.current {
        margin-left: -180px;
    }
    /*标题*/ 
    .title {
        height: 50px;
        line-height: 50px;
        text-align: center;
        background-color: #367FA9;
        a {
            font-size: 24px;
            color: #fff;
            background-color: #367FA9;
            
        }
       
    }
    /*头像*/ 
    .user {
        text-align: center;
        margin: 30px 0px;
        img {
            width: 80px;
            border-radius: 50%;
        }
        p {
            font-size: 18px;
            line-height: 40px;
        }
    }
    /*导航*/
    .nav {
        li {
            width: 100%;
            &.current {
                background-color: #1D1F21;
                border-left: 3px solid #006699;
            }
            a {
                display: block;
                width: 100%;
                height: 40px;
                padding-left: 43px;
                color: #fff;
                &:hover,
                &:focus {
                    background-color: transparent;
                    color: #fff;
                }
            }
            .child {
                a {
                    line-height: 40px;
                    text-indent: 1.5em;
                }
            }
        }
       
    }
}

/*乐淘主体部分*/ 
.lt-main {
    width: 100%;
    height: 100%;
    padding-left: 180px;
    /*加过渡*/ 
    transition: all 1s;
    &.current {
        padding-left: 0;
    }
    /*顶部条*/ 

    .topbar {
        width: 100%;
        height: 50px;
        padding-left: 180px;
        background-color: #3C8DBC;
        position: fixed;
        top: 0;
        right: 0;
         /*加过渡*/ 
         transition: all 1s;
         &.current {
             padding-left: 0px;
         }
        a {
            width: 50px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            font-size: 18px;
            color: #fff;
        }
        
    }
    /*下面部分*/ 
    .container-fluid {
        height: 100%;
        margin-top: 50px;
        /*路径部分*/ 
        .lt-url {
           margin-top: 20px;
           a {
               color: #337ab7;
           }
           a:hover {
               color: #777;
           }
        }

        /*数据部分*/ 
        .table {
            // width: 100%;
            // border: 1px solid #000;
            th,
            td {
                text-align: center;
                // border: 1px solid #000;
                // color: #333;
            }
            td {
                vertical-align: middle;
            }
            tbody> tr:hover {
                // background-color: #f5f5f5;
            }
            
        }
    }
}
